<template>
  <div>
    <div class="msg-title-panel">
      <span class="msg-border" /><span>转办部门</span>
    </div>
    <el-row>
      <el-col :span="8">
        <el-form-item label="部门名称" prop="unit">
          <el-input v-model="dataForm.unit" placeholder="请输入部门名称" />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="联系人" prop="unit">
          <el-input v-model="dataForm.unit" placeholder="请输入联系人" />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="联系电话" prop="unit">
          <el-input v-model="dataForm.unit" placeholder="请输入联系电话" />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="联系地址" prop="unit">
          <el-input v-model="dataForm.unit" placeholder="请输入联系地址" />
        </el-form-item>
      </el-col>
    </el-row>
    <div class="msg-title-panel">
      <span class="msg-border" /><span>当事人信息</span>
    </div>
    <el-row>
      <el-col :span="12">
        <el-form-item label="姓名" prop="unit">
          <el-input v-model="dataForm.unit" placeholder="请输入姓名" />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="联系电话" prop="unit">
          <el-input v-model="dataForm.unit" placeholder="请输入联系电话" />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="地址" prop="unit">
          <el-input v-model="dataForm.unit" placeholder="请输入地址" />
        </el-form-item>
      </el-col>
    </el-row>
    <div class="msg-title-panel">
      <span class="msg-border" /><span>来源登记内容</span>
    </div>
    <el-form-item label="登记内容" prop="unit">
      <el-input v-model="dataForm.unit" type="textarea" :rows="5" placeholder="请输入地址" />
    </el-form-item>
  </div>
</template>

<script>
export default {
  name: 'DeptForm',
  props: {
    dataForm: {
      type: Object,
      default: () => {
        return { unit: '' }
      }
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
